<template>
	<div class="page-wrap">
		<div class="page-tit">数据字典</div>
		<div class="page-content">
			<div class="page-row">
				<div class="box-right">
					<div class="table-box">
						<el-tabs v-model="activeTab" class="flex-tabs">
							<el-tab-pane name="1" label="早期损伤维护" lazy>
								<earlyDamage></earlyDamage>
							</el-tab-pane>
							<el-tab-pane name="2" label="癌症维护" lazy>
								<cancerMaintain></cancerMaintain>
							</el-tab-pane>
							<el-tab-pane name="3" label="其他维护" lazy>
								<otherMaintain></otherMaintain>
							</el-tab-pane>
						</el-tabs>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import earlyDamage from "./earlyDamage"
import cancerMaintain from "./cancerMaintain"
import otherMaintain from "./otherMaintain"
import { mapState } from "vuex"
export default {
	components: {
		earlyDamage,
		cancerMaintain,
		otherMaintain,
	},
	data() {
		return {
			activeTab: "1",
		}
	},
	computed: {
		...mapState({
			showactiveTab: (state) => state.token.early_show_Tab,
		}),
	},
	created() {},
	mounted() { 
	},
	methods: {
		changeActive(value) { 
			this.activeTab = value
		},
	},
}
</script>

<style scoped>
.page-tit {
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
}
</style>